Última actualización –
Recientemente tuve el privilegio de asistir a una Google
Webmaster Hangout en persona. Fue una experiencia muy ilustrativa.
había una gran pregunta, el escenario planteado por uno de los asistentes respecto a un JavaScript renderizado de la página.
a Diferencia de la situación común en la que un rápido
la comida framework JavaScript se utiliza a la representación de todo el contenido en el navegador de su escenario era el más legítimo.
Fue un viaje de reserva del sitio
El sitio principal característica es que muestra las tarifas de hotel para un lugar y la fecha.
Como saben arañas del motor de búsqueda no hacen mucho esfuerzo para la representación de contenido mediante
JavaScript, al menos en la primera pasada. Ellos llegan a hacerlo ya que tienen la capacidad de.
Esto es por qué es importante la búsqueda de consumibles contenido representado y listo para ir en demanda.
El escenario es un gran caso de estudio tanto para el desarrollo web y optimización de motores de búsqueda!
Desde una perspectiva de SEO ¿cómo puede un sitio que se apoya fuertemente en tiempo real de datos de intento de clasificar para las palabras clave?
Para los desarrolladores ¿cómo se puede desarrollar un sitio web que ofrece datos dinámica como la actual, las tarifas del hotel en el que los datos suministrados
es más bien lento?
tengo respuestas para ambas preocupaciones que deberían ayudar a los sitios como este de mejorar su experiencia de usuario y
capacidad para clasificar para sus palabras clave objetivo.
Cómo un Dinámico-Cliente Página representada Obras
Sitios como este sitio de viajes apoyarse en los datos suministrados por las fluctuaciones del nivel de origen de datos. Ellos no pueden razonablemente caché de la
de datos, ya que cambia muy a menudo.
Si este fuera un sitio listado de tiempos de la película en los teatros locales, podría caché de los datos para un día o más debido a que los datos
es relativamente estático.
Cada vez que un hotel de libros de una sala de la disponibilidad e incluso el precio puede cambiar. Podría afectar no sólo a ese hotel,
pero otros en la zona. Así, la información es bastante inestable.
Una página específica en la esperanza de vida es también limitada. Alguien quiere llegar a una página de la semana pasada tarifas de hotel?
Para evitar la percepción de un terrible retraso sitios web migrado desde un 100% servidor prestados página web a las páginas
aprovechando una app shell y JavaScript para hacer asincrónico de la red las llamadas a la Api para
de datos.
Ahora se puede mostrar algo para que el usuario no \”sentir\” la demora mucho.
una Vez que se recuperan los datos que luego se fusionó con un marcado plantilla en el navegador y, a continuación, se agrega a la página (DOM si
quieres ser completamente técnico).
los Viajes de datos es muy lenta, por lo que las páginas de este sitio a tomar un largo tiempo para procesar. Si alguna vez has utilizado un
en línea sitio web de viajes, y apuesto a que usted tiene, usted sabe a qué me refiero.
La aplicación de shell enfoque permite que el sitio para proporcionar una experiencia de la que esperemos que reduce al cliente de ansiedad.
por Desgracia, por una buena razón, Google y otros motores de búsqueda no son tan pacientes como la mayoría de los consumidores de este tipo
de contenido.
Esto significa que la búsqueda de la araña sólo se ve la aplicación de shell contenido y no el tiempo real de los datos del hotel.
Para el motor de búsqueda de los 10.000 ubicaciones que desea alinear para parecerse a la misma página de 10.000 veces.
¿se huele el contenido duplicado? Tengo que hacer.
Una pregunta que me hice mientras escuchaba el lugar de reunión de los asistentes es ¿por qué el índice de Google de datos que sin duda
ser obsoletos en el momento en que fue evaluado?
no. Sería no ser una buena experiencia tanto para Google y el sitio para ofrecer.
Pensar en ello. Cuando un consumidor busca \”Hoteles Hotel de Nueva York\’ y que vea usted tiene un costo de $75/noche en la tasa de
el resultado de la búsqueda, pero cuando se visita la página es de $125 no son felices.
Se puede culpar a Google, o a ambos.
Y no olvides lo mucho que los datos pueden ser válidas, hasta la medianoche del día de la reserva.
¿Cómo puede el sitio de viajes darle a Google y a los clientes algo que podría consumir y el índice?
La respuesta se encuentra en los resultados de la actual 😛
Proporcionar Coherente, Contenido Indexable por Google
Cuando una página depende de los datos en tiempo real que cambia como las tarifas de las habitaciones y disponibilidad es imposible para usted
para intentar clasificar.
El problema es que quieren un motor de búsqueda de araña para:
Tampoco escenario es bueno para usted. Tiene que haber una mejor manera.
creo que hay dos maneras que usted puede trabajar en la creación de contenido que puede ayudar a un sitio de la clasificación en estos escenarios.
Render Rango Digno de Contenido por Delante de Contenido Dinámico
en Lugar de la página que se está 100% sobre la dinámica de datos, búsqueda de la información que proporciona el valor de todo el tiempo de ejecución
de datos.
En el caso de locales de habitaciones de hotel, se podría intentar crear un verdadero contenido localizado sobre la zona. Por ejemplo,
parques, atracciones, transporte y tipos de hoteles. Incluso una lista de posibles hoteles.
no acaba de copiar de la Wikipedia para obtener esta información, usted necesita para hacer el trabajo de campo, lo siento.
Se podría incluso considerar destacando contenido generado por el usuario y los comentarios acerca de la zona y hoteles.
Como parte de este diseño puede incluir el formulario de búsqueda de hotel, pre-llenados con la información de ubicación. Todos los
el cliente tendrá que hacer es suministrar una entrada y fecha de salida.
Después de este contenido único que puede proporcionar un área para representar la actual disponibilidad del hotel y las tarifas.
me puede pensar en varias interfaz de usuario enfoques para este tipo de cosas. Usted desea que el usuario sepa cuando el
las tarifas del hotel solicitados están disponibles, así que asegúrese de que hay algo que alertará a la presentación de la
de datos.
Simplemente no interrumpir su participación con una gigante pantalla completa pop-over! Todo el mundo odia esas cosas.
creo que este enfoque es bueno porque usted está ofreciendo valor para el cliente y el contenido de Google puede indexar.
mientras escuchaba el panorama que se describe que se refleja en mis propias experiencias con hotel y vuelo sitios de reserva
a través de los años. Muchas veces yo quería saber más acerca de la zona, mientras yo decidir dónde reservar una habitación o de vuelo.
En el caso de los vuelos, el aeropuerto de escalas son importantes para mí. Con qué frecuencia son diferentes ubicaciones afectadas por
clima? ¿Cuál es el comedor y baño situación? Puedo conectar mi portátil y conseguir WIFI gratis?
Para los hoteles, ¿qué tipo de restaurantes cerca. Son los barrios de boceto?
¿ves por donde voy?
SEO Dirigida a las Páginas de destino
Si usted no desea reservar algo de píxeles en la parte superior de una página de datos como estos, a continuación, considere la posibilidad de hacer páginas dedicadas
en distintos lugares con el tipo de información que he descrito.
Usted debe todavía cuentan con la tasa formulario de búsqueda en la parte superior de la página. Es la principal llamada a la acción, después de todo.
yo soy de endeudamiento de este concepto de e-commerce estrategias que he estado estudiando. Debido a que la reserva de datos es
en tiempo real no es indexable, así que no te preocupes que en el rango de páginas.
en Lugar de crear una página dedicada para una ubicación específica. Usted puede incluso crear páginas específicas para el real hoteles. En
en este caso usted podría incluso ser capaz de obtener su personal para ayudar a poblar el contenido.
Hey que suena genial, que alguien haga el trabajo por usted.
cuando comencé la investigación para este artículo, me di cuenta de que estos son el tipo de páginas en el ranking de locales de habitación de hotel de búsqueda
las frases.
Buen SEO profesionales saben copiar el tipo de contenido que se encuentra actualmente la clasificación, porque los motores de búsqueda han recogido los datos
en qué tipo de contenido coincide con la intención de búsqueda.
En el caso de los locales, las tarifas de hotel que usted pueda ver las páginas que ofrece el \’Top\’ de los hoteles están haciendo bien. Las páginas de aterrizaje
función de la tasa de formulario de búsqueda en la parte superior y, a continuación, una lista de posibles hoteles. No hay información de la velocidad.
La clave aquí es el sitio tiene la información general del hotel, es estático. El sitio de reserva puede crear estática de aterrizaje
las páginas basadas en esta información.
cumple con todas mis criterios técnicos, así como Googles. Esto hace que sea una probada, repetible estrategia para un sitio de viajes
para clasificar en Google.
Ahora usted tiene realmente una página estática que debe tener calidad, información útil viajeros gustaría. Debido a que el
el contenido es estático, y de buena calidad (a la derecha!), Google debería de amor.
El contenido también debe ser lo suficientemente bueno puede atraer a los enlaces, que también le ayudarán rango.
La orgánica problema aquí es que los dueños de negocios quieren inclinarse demasiado fuertemente en el contenido y los datos que no necesitan
crear manualmente. Por desgracia, eso no es lo que los clientes están interesados en la búsqueda.
Esta es una gran razón por la que la mayoría de los sitios de viajes se basan en gran medida en la búsqueda de pago para el tráfico. Yo apuesto a que si se hubiera invertido una parte
de ese presupuesto en real, la calidad del contenido que podría ganar como mucho, si no más libre de tráfico.
la Resolución de Problemas Técnicos
Debido a que estas páginas están pobladas en tiempo real, de datos dinámica que asíncrona fetch (AJAX para su edad escolares) llama a una API.
servicios de Viaje, como Sabre, son muy lentos y no tienen ningún control sobre sus latencias. Sólo tienes
para tratar con él.
Usted podría intentar continuamente consulta a la API de datos actualizados y pre-procesamiento de sus páginas, pero esto puede crear todos los
tipo de problemas. Además, puede violar los términos de servicio, etc.
por No hablar de que va a ejecutar su servidor costos y gastos generales.
El otro problema es que a menudo estas Api requiere que usted conecte el uso de claves secretas. Esto significa que no se puede conectar
directamente a estos servicios desde el navegador.
Hay muchas legal, técnico y de seguridad de las razones de por qué este es el caso. No voy a entrar en ellos, sólo se supone que
debe conectarse a la API de su servidor.
Esto crea una capa adicional de latencia. El explorador debe realizar la llamada a la API para su servidor, que luego
los relés de la solicitud para el servicio de terceros para obtener los datos.
voy a ser genérica y dicen que la reserva del hotel la llamada a la API tarda 30 segundos en resolver.
Este es un largo tiempo en términos de cómo el paciente real de las personas y el Robot de google son.
el Robot de google sólo se mueve después de un período de tiempo, digamos 10 segundos (por lo que vale varía). Ahora Google sólo ve la app
shell, y no el precio de la habitación de datos.
clientes Reales va a esperar un poco más, al menos para los sitios de viajes porque hemos llegado a esperar de estos retrasos.
por Encima de lo describe dos escenarios, uno donde usted tiene una página con contenido estático y un formulario de búsqueda que se carga una búsqueda
la página de resultados. El otro es donde tienes el contenido y añadir los resultados de búsqueda.
me gusta a este último como una solución más realista, así que voy a utilizar en este ejemplo.
la Mayoría de los sitios, al menos, el intento de proporcionar algún tipo de animación interactiva cuando la búsqueda se presenta a mantener la
de los clientes involucrados. Smart sitios mostrará los mensajes para ayudar a informar a los visitantes sobre el servicio y otros viajes
cositas.
Entonces, ¿cómo puede usted crear una experiencia que es la participación sin sacrificar la conversión de clientes?
en definitiva, creo que la búsqueda de contenido puede reemplazar el contenido estático suministrado cuando la página inicialmente prestados.
Esto significa que usted va a añadir funcionalidad de filtrado y ordenación.
Usted puede hacer que la manipulación de datos de la interfaz, ya sea cuando la búsqueda se presenta o cuando los datos están disponibles.
Hay todo tipo de diseño posibilidades que puedo pensar de que usted puede ofrecer para que les permiten ordenar y filtrar los
resultados. Voy a suponer que usted está utilizando algún tipo de columna a mano izquierda facetas y un filtro de lista de encabezado para ordenar
ya que es la forma más común de viaje de diseño.
Si usted hacer que estos partidos cuando se inicia la búsqueda, usted debe hacerlo en algún tipo de \”discapacitados\” del estado.
Mi primera aproximación sería la superposición de estos elementos con algún tipo de capa opaca de manera que sean visibles, pero
\’borrosa\’ fuera. Personalmente, me gusta el acrílico mirada, pero usted puede ir con una niebla de superposición o cualquier cosa que flote su
barco.
Cuando los datos declarados y de procesar el contenido y suprimir la superposición. Aquí es donde tener un conocimiento básico de
Las transiciones de la CSS puede ser su amigo.
de Representación de los datos del hotel es bastante simple. Una vez que la captura de la llamada se resuelve puede combinar los datos con HTML
plantilla, me gusta Bigote.
El renderizado de HTML pueden ser agregados a la página seleccionar un elemento de ajuste y configuración de la propiedad innerHTML.
Usted puede hacer simplemente \’pop\’ en la página, pero una flexibilización de transición podría ser un buen toque.
Otro, la técnica avanzada me gustaría tener la tentación de tirar de fuera es el aprovechamiento de la estática hotel elementos de la página para agregar
las tarifas de las habitaciones, ya que están disponibles.
Sólo un pensamiento, pero de uñas de las propuestas iniciales de primera 😉
conclusión
Este fue un gran escenario para ser criado en el Webmaster Hangout. Tocó en dos áreas que me encanta, desarrollo web
y SEO. También se plantea la importante cuestión de cómo los motores de búsqueda manejar JavaScript y dinámicamente prestados
contenido.
Como puede ver, una buena solución es ofrecer un buen valor para el cliente y búsqueda de la araña. Sin bien,
contenido fiable ni han contexto a la \’confianza\’ de la página.
En este escenario clientes se dan cuenta de la habitación del hotel de datos va a ser un poco de retraso, pero el Robot de google no tiene la
misma paciencia.
dando a Google lo que necesita, usted puede mejorar su capacidad para ganar más tráfico de búsqueda así como la recaudación de la barra de
en su industria.
Los datos dinámicos que también le da una buena oportunidad para flexionar el diseño de su web chuletas y crear un usuario agradable
experiencia. Utilizar el contenido dinámico para mejorar, no frustrar la conexión con su marca y servicio.
Obtener estos elementos a la derecha y creo que usted cosechará las recompensas.
This content was originally published here.